<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面未找到 - 运动商城</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/style.css">
</head>
<body>
    <!-- 导航栏 -->
    <jsp:include page="../common/header.jsp"/>
    
    <!-- 404内容 -->
    <div class="container py-5">
        <div class="text-center py-5">
            <h1 class="display-1">404</h1>
            <h2>页面未找到</h2>
            <p class="lead">抱歉，您访问的页面不存在或已被删除</p>
            <div class="my-5">
                <a href="${pageContext.request.contextPath}/" class="btn btn-primary">返回首页</a>
                <a href="javascript:history.back();" class="btn btn-outline-secondary ml-3">返回上一页</a>
            </div>
            <div class="mt-4">
                <p>您可能对以下内容感兴趣：</p>
                <div class="row justify-content-center">
                    <div class="col-md-8">
                        <div class="list-group">
                            <a href="${pageContext.request.contextPath}/product/category/1" class="list-group-item list-group-item-action">运动鞋</a>
                            <a href="${pageContext.request.contextPath}/product/category/2" class="list-group-item list-group-item-action">运动服装</a>
                            <a href="${pageContext.request.contextPath}/product/category/3" class="list-group-item list-group-item-action">健身器材</a>
                            <a href="${pageContext.request.contextPath}/product/category/4" class="list-group-item list-group-item-action">户外装备</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 页脚 -->
    <jsp:include page="../common/footer.jsp"/>
    
    <!-- JavaScript 文件 -->
    <script src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/bootstrap.bundle.min.js"></script>
</body>
</html> 